﻿@{
    ViewBag.Title = "Tài khoản";
}

<div id="account" class="login-or-register">
    <div class="container">
        <div class="bg-content">
            <div class="row">
                <div class="col-md-4 col-sm-5" style="border-right: 1px solid #ddd;">
                    <div class="bg-title">
                        <h4>
                            Khách hàng đăng nhập
                        </h4>
                    </div>
                    @Html.Partial("_LoginForm", ViewBag.Login as LoginViewModel)
                    <br />
                    <section id="socialLoginForm">
                        @Html.Partial("_ExternalLoginsListPartial", new ExternalLoginListViewModel { ReturnUrl = ViewBag.ReturnUrl })
                    </section>
                    <div>
                        <h3 class="text-center" style="font-size:20px; padding:8px 0; color:#888;">
                            <b>Đăng ký ngay thời trang và làm đẹp</b>
                        </h3>
                        <div style="color:#666; text-align:justify;">
                            <ul style="list-style-type: square; padding-left: 20px;">
                                <li style="margin: 15px 0;">
                                    Hãy đăng ký ngay hôm nay để có thể nhận tin về sản phẩm mới, bí quyết vận dụng thời trang để trở nên đẹp và sang trọng cũng như cập nhật các xu hướng mới nhất trên thế giới.
                                </li>
                                <li style="margin: 15px 0;">
                                    Tất cả sẽ được gởi trực tiếp vào hộp thư inbox của bạn
                                </li>
                                <li style="margin: 15px 0;">
                                    Chỉ 1 lần đăng ký, bạn có thể cập nhật tin mới và tạo giỏ hàng cho mình.
                                </li>
                                <li style="margin: 15px 0;">
                                    Đừng bỏ lỡ các mẫu tin quyến rũ chết người này nhé! Còn chờ gì nữa!
                                </li>
                                <li style="margin: 15px 0;">
                                    Cơ hội nhận được phiếu mua hàng trị giá 10$ cho khách hàng mới đăng ký !
                                </li>
                            </ul>
                        </div>
                        <br />
                    </div>
                </div>
                <div class="col-md-5 col-sm-7">
                    <div class="bg-title">
                        <h4>
                            Khách hàng mới đăng ký
                        </h4>
                    </div>
                    <div id="registerForm">
                        @Html.Partial("_RegisterForm", ViewBag.Register as RegisterViewModel)
                    </div>
                </div>
                <div class="col col-md-3 hidden-sm hidden-xs">
                    <img src="~/img/login-theme.png" class="img-responsive" />
                </div>
            </div>
        </div>
    </div>
</div>